.content-home {
    flex-direction: column;
}

.content-inside {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1200px;
    padding: 1rem;
    @include bp(desktop) {
        max-width: 70%;
    }
    @include bp(mobile) {
        flex-direction: row;
    }
}


.home-text {
    padding: 0 1%;
    text-align: center;
    @include bp(mobile) {
        padding: 0 10%;
    }

    p {
        margin-bottom: 1rem;

        &.welcome {
            color: $gray-light;
            font-size: 2rem;
            font-weight: bold;
        }

    }

}

.body {

    h3 {
        margin-top: 1.7rem;
    }

}

// Code syntax
pre {
    background-color: #27333c;
    border-radius: 2px;
    color: #f8f8f2;
    font-family: 'courier new', 'monospace';
    font-size: 13px;
    letter-spacing: 0.015em;
    line-height: 120%;
    margin-bottom: 1rem;
    padding: 0.5em;

    &.white {
        background-color: #fff;
        color: #444;
    }
}
